<div id="login_panel">
	<?php if ($this->error_messages) { ?>
		<div class="notification error" >
			<span class="strong">Error:</span>
				<?php echo $this->error_messages; ?>.
			<span class="close" title="Dismiss"></span>
		</div>
	<?php } ?>
	<?php if($this->warning_messages){ ?>
		<div class="notification warning" >
			<span class="strong">Warning:</span>
				<?php echo $this->warning_messages; ?>.
			<span class="close" title="Dismiss"></span>
		</div>
	<?php }?>
	<div id="header">
		<img src="/images/icon/logo.jpg">
	</div>
	<div>
		<form method="post">
			<table class="center">
			<tr>
				<td>Tài Khoản:</td>
				<td><input type="text" name="username" /></td>
			</tr>
			<tr>
				<td>Mật khẩu:</td>
				<td><input type="password" name="password" /></td>
			</tr>
			<tr>
				<td>
				<input type="image" id="login_button" src="/images/icon/login-icon.png" name="login">
			</td>
			</tr>
		</table>
		</form>
		<!-- <script type="text/javascript">
			$(document).ready(function(){
				$("#login_button").click(function(){
					window.location.href = "/admin/index/login?login=1";
					return false;
				});
			});
		</script> -->
	</div>
</div>

<script type="text/javascript">
	// Notification Animations
	$(function () { 
		$('.notification').hide().append('<span class="close" title="Dismiss"></span>').fadeIn('slow');
		$('.notification .close').hover(
		function() { $(this).addClass('hover'); },
		function() { $(this).removeClass('hover'); }
	);
	$('.notification .close').click(function() {
		$(this).parent().fadeOut('slow', function() { $(this).remove(); });
	}); 

	});
</script>